<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>测试DIV</title>
	</head>
	<body>
		<!--
		padding:用于设置DIV的内边距。
		padding的格式和margin的格式一样，可以对照学习。
		可以看黑色DIV与蓝色DIV的边距来体会此属性的效果。
		这是还需要注意的是padding设置的距离不包括在本身的width和height内(在IE7和FF中)，
		比如一个DIV的width设置了100px,而padding-left设置了50px,那么这个DIV在页面上显示的将是150px宽。
		-->
		<div style="padding:20px 100px 20px 40px;background-color:Black;width:300px;height:300px;">
			<div style="width:200px; height:200px;background-color:blue;"></div>
		</div>
		<br>
		<div style="padding:0px 0px 0px 0px;background-color:Black;width:300px;height:300px;">
			<div style="width:200px; height:200px;background-color:blue;"></div>
		</div>
	</body>
</html>
